<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网上花店</title>
    <!-- 引入初始化样式表 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入主页专有样式表 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="css/common.css">
</head>

<body>
    <!-- 设置版心 1200px -->
    <div class="w">
        <!-- 文章头部开始 -->
        <div class="title_top">
            <div class="title_top_head">
                <ul>
                    <li>彼岸の花</li>
                    <li>偏安一隅 静静生活</li>
                </ul>
                <br>
                <HR style="border:3 double #987cb9" width="100%" color=#987cb9 SIZE=3>
                <div class="share">商品分类 ></div>
                <div class="banner">
                    <img src="images/banner.jpg" alt="">
                </div>
                <div class="txt">
                    <p>我喜欢一些花儿，静静地开放，从不声张。小小的花朵，有着异样的芬芳...</p>
                    <p>I love flowers, quietly open, never quiet. Little flowers, with the same fragrance...</p>
                </div>
            </div>
        </div>
        <!-- 文章头部结束 -->
        <!-- 文章中下部分开始 -->
        <div class="center_box">
            <div class="pic">
                <img src="images/bestseller1.png" alt="">
                <img src="images/bestseller2.jpg" alt="">
            </div>
            <div class="txt2">
                <p>多肉植物是指植物营养器官肥大的高等植物，通常具根、茎、叶三种营养器官和
                    花、果实、种子三种繁殖器官。在园艺上，又称肉质植物或多肉花卉，但以多肉植物
                    这个名称最为常用。</p>
                <p>全世界共有多肉植物一万余种，它们绝大部分属于高等植物（绝大多数是被子植
                    物）。植物上隶属几十个科，个别专家认为有67个科中含有多肉植物，但大多数专家
                    认为只有50余科。</p>
            </div>
            <!-- 文章中心部分结束 -->
            <!-- 文章下部开始 -->
            <div class="low_head">
                <ul>
                    <li>品质保障 |</li>
                    <li>七天无理由退换货 |</li>
                    <li>特色服务体验 |</li>
                    <li>帮助中心</li>
                </ul>
            </div>
            <div class="left_img fl">
                <img src="images/tuxiang.gif" alt="">
            </div>
            <div class="right_txt fl">
                <h2>店主：Michael_唐僧</h2>
                <p>飞舞的花儿像一首诗，写着秋天的心事。带着相思，轻轻，轻轻，飘向大地！
                    也许这只是秋季里的一场游戏。</p>
            </div>
            <!-- 文章下部结束 -->
        </div>
        
    </div>
</body>

</html>